<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>异常记录处理</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type="text/javascript" src="../static/js/chargingRecordHandle.js"></script>
  <script type='text/javascript' src='../static/table/chargingRecordHandleTable.js'></script>
</head>
<body>
  <div class="ablosulteDiv">
	<div class="top">
		<h4 class="partTitle">
			当前位置: 充电记录<span class="comSpanTitle">></span>异常处理
		</h4>
	</div>
	<div class="blueBorder"></div>
	<div class="scrollBody">
		<div class="partWhite paddingBottomTen" id="scrollHeight">
			<form class="form-horizontal" id="chargingRecordHandleSearch">
				<input id="page" name="page" value="1" hidden="hidden">
				<input id="rows" name="rows" value="10" hidden="hidden">
				<div class="form-group">
				 	<div class="col-md-3 col3ConditionAll">
						<label for="chargingStationID" class="col-sm-4 control-label partConditionTitle">充电站名称</label>
						<div class="col-sm-8 partCondition">
							<select id="chargingStationID" name="ChargingStationID" class="form-control"  onchange='changeEquipmet()'>
								<option value="" selected="selected">请选择</option>
							</select>
						</div>
					</div>
					<div class="col-md-3 col3ConditionAll" id="changeEquipment" hidden="hidden">
		              <label for="equipmentID" class="col-sm-4 control-label partConditionTitle">充电桩名称</label>
		              <div class="col-sm-8 partCondition">
		                  <select id="equipmentID" name="EquipmentID" class="form-control">
		                      <option value="" selected="selected">请选择</option>
		                  </select>
		              </div>
		            </div>
		        </div>
				<div class="form-group">
					<button type="button" class="btn btnDefault marginLeft2ten" onclick="search();return false;">
						<img src="../static/images/chaxun.png"  height="18" width="18"/> 查询
					</button>
					<button type="button" class="btn btnDefault marginLeft2ten" aria-label="Left Align" onclick="update('update');">
						<span><img src="../static/images/modify.png" height="18" width="18" aria-hidden="true"/></span> 修改
					</button>
					<button type="button" class="btn btnDefault marginLeft2ten" aria-label="Left Align" onclick="del();">
						<span><img src="../static/images/delete.png" height="18" width="18" aria-hidden="true"/></span> 删除
					</button>
				</div>
				<div class="comHtmlTitle"><span class="borBlue"></span>充电记录查询——列表
			 		<div class="floatRight">
			           <button type="button" onclick="exportFile()" class="btn btnSaveDel">
			     			<img src="../static/images/derive.png" height="20" width="20"/>
			       	 		导出
		    			</button>
			 		</div>
			 	</div>
				<div class="partTable">
					<table class="table table-hover" id="chargingRecordHandleTable">
						<thead id="chargingRecordHandleThead">
						</thead>
						<tbody id="chargingRecordHandleTbody">
						</tbody>
					</table>
					<table class="table scrollTable" id="chargingRecordHandleTable1" hidden="hidden">
       				</table>
				</div>
				<div class="partBtn">
					<div class="partTurnPage">
						<ul class="list-inline">
							<li id="total">共0页 0条记录</li>
							<li class="turnPage"></li>
						</ul>
					</div>
				</div>
			</form>
		</div>
	</div>
  </div>
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="save" tabindex="-1" class="modal fade popup">
	<div class="popupTable">
	  <div class="modal-header titleAll">
		<button type="button" class="close" data-dismiss="modal" aria-label="Close">
		  <span aria-hidden="true" class="close">&times;</span>
		</button>
		<h4 class="modal-title" id = "title"></h4>
	  </div>
	  <form id="saveForm">
        <input id="ID" name="ID" value="" hidden="hidden">
		<div class="transverseLine"></div>
		<div class="modal-body">
		  <div class="modal-header title"><strong>异常充电记录基本信息</strong></div>
		  <table class="table table-hover">
			<thead id="detailThead">
			</thead>
		  <tbody id="detailTbody">
		  </tbody>
		</table>
		</div>
		<div class="transverseLine"></div>
		<div class="modal-body">
		  <div class="modal-header title"><strong>异常充电记录附加信息</strong></div>
		  <table class="table table-hover">
			<tbody id="detailTable">
			</tbody>
		  </table>
		</div>
	  </form>
	  <div class="modal-footer">
	  	<button id="confirm" type="button" class="btn btn-primary" onclick="$ajax(getUrl, 'saveForm', saveAbnormalChargingRecord, confirm)">确定</button>
		<button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
	  </div>
	</div>
  </div>
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="Message" tabindex="-1" class="modal fade popup">
     <div class="popupTable" style="width:30%;margin:auto;margin-top:10%;">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
         </button>
         <h4 class="modal-title" id = "saveTitle"></h4>
       </div>
       <div class="modal-body">
		<textarea  id="message" rows="10" style="width:100%" readonly></textarea>
	  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" onclick="messageSure()">关闭</button>
      </div>
    </div>
  </div>
</body>
</html>
